.info-hint {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translate(-50%, -100%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 112px;
  height: 56px;
  padding: 12px 12px 20px 12px;
  background-image: url(./../img/icons/hint.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

// Скрываем реальные радиокнопки 
.info-hint__radio {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}

// Выбираем первый соседний элемент выбранной радиокнопки
.info-hint__radio:checked+.info-hint__radio-fake {
  // Размещаем внутри выбранной фейковой радиокнопки значек выбора
  background-image: url(./../img/icons/checkbox.svg);
  background-repeat: no-repeat;
  background-position: center 1px;
}

.info-hint__radio-fake {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid rgb(255, 255, 255);
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1);
  background-color: var(--ui-gray);

  &--orange {
    background-color: var(--ui-orang);
  }

  &--biruza {
    background-color: var(--ui-biruza);
  }
}